<!DOCTYPE html>
<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{layout/default.html}">
<head>
<meta charset="UTF-8">
<style type="text/css">
.pagination {
   justify-content: center;
}
</style>
</head>
<body>
  <section layout:fragment="content">
	  <div class="container">
	  	<ul class="list-group" data-th-each="data:${contentList}">
	  		<li class="list-group-item"><a data-th-href="@{/play(id=${data.id})}" data-th-text="${data.title}"> 这里是标题 </a></li>
	  	</ul>
	  	
		<ul class="pagination " style="margin-top: 20px;">
		  <li class="page-item" data-th-if="${hasPrevious}">
		  	<a class="page-link" href="#"> < </a>
		  	</li>
		  <li class="page-item"><a class="page-link" href="#">1</a></li>
		  <li class="page-item"><a class="page-link" href="#">2</a></li>
		  <li class="page-item"><a class="page-link" href="#">3</a></li>
		  
		  <li class="page-item" data-th-if="${hasNext}">
		  	<a class="page-link" href="#"> > </a>
		  </li>
		</ul>
  	</div>
  </section>
</body>
</html>